﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="List.aspx.cs" Inherits="List" %>
<%@ Register Src="Share/Header.ascx" TagName="Header" TagPrefix="ulHeader" %>
<%@ Register Src="Share/Footer.ascx" TagName="Footer" TagPrefix="ulFooter" %>
<%@ Register Src="Share/CompareProducts.ascx" TagName="CompareProducts" TagPrefix="ulCompareProducts" %>
<%@ Register Src="Share/BreadCrumb.ascx" TagName="BC" TagPrefix="Bread" %>
<%@ Register src="Share/Paging_List.ascx" TagName="Paging" Tagprefix="ulPaging" %>
<%@ Register src="Share/MenuTrai.ascx" tagname="MenuTrai" tagprefix="uc1" %>
<%@ Register Src="Share/Adv.ascx" TagName="Adv" TagPrefix="ulAdv" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Danh sách sản phẩm - Công ty TNHH Anh Khoa - Nhà phân phối chính thức bút cao cấp Parker, Waterman</title>
    <link media="all" rel="stylesheet" href="css/all.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui.css" />
    
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
    <script src="js/knockout-latest.js" type="text/javascript"></script>
    <script src="js/knockout.validation.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
    <script src="js/fancybox.js" type="text/javascript"></script>
    <script src="js/jquery.stickytooltip.js" type="text/javascript"></script>
    <script src="js/jquery.qtip-1.0.0-rc3.min.js" type="text/javascript"></script>
    <script src="js/superfish.js" type="text/javascript"></script>
    <script src="js/global.js" type="text/javascript"></script>
    <script src="js/validate.constant.js" type="text/javascript"></script>
    <script src="js/jquery.cookie.js" type="text/javascript"></script>
    <script src="js/jquery.numeric.js" type="text/javascript"></script>
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <script src="js/jquery.dcmegamenu.1.3.js" type="text/javascript"></script>
    <script src="js/ajaxCache-0.2.1.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(document).ready(function ($) {
            $('#mega-menu').dcMegaMenu({ rowItems: '3', speed: 'fast' });
        });
    </script>
    <!--[if lt IE 9]>
		<script type="text/javascript" src="js/html5.js"></script>
		<script type="text/javascript" src="js/PIE.js"></script>
	<![endif]-->
</head>
<body id="list-page">
    <div id="wrapper">
        <div class="w1">
            <ulHeader:Header ID="Header" runat="server" />
            <div class="clear3"><img height="3px" class="spacer" /></div>
            <div id="wrapper-shadow">
                <div id="wrap-content" class="wrap-bg-white">
                    <form id="viewList" runat="server">
                    <Bread:BC ID="br" runat="server" />
                    <div id="bg_type_line">
                        <div id="cat-sidebar">
                            <div class="inner1">
                                <uc1:MenuTrai ID="MenuTrai1" runat="server" />
                                
                                <div class="list-cat-group">KHOẢNG GIÁ</div>
                                <ul class="ul-list-cat" data-bind="foreach: minMaxList">
                                    <li class="field_title">
                                        <a data-bind="text: Label, event: { click: function(data, event) { $root.GetByMinMax(data, event) }}, attr:{id:Id, href: 'javascript:void(0);'} "></a>
                                    </li>
                                </ul>
                                <div class="clear"><img height="20px" class="spacer" alt="" src="images/spacer.gif" /></div>
                                
                            </div>
                        </div>
					    <div id="cat-content">
						    <div data-bind="visible: existProduct">
							    <div class="clear"><img height="10px" alt="bút cao cấp" class="spacer" src="images/spacer.gif"></div>
							    <div class="color2 padt2" id="cat_name">
							        <span id="listTitle" style="font-size: 20px;text-transform: uppercase;color:#D3D3D3">danh sách sản phẩm</span>
							        <span> - có <span data-bind="text:ProductCount"></span> sản phẩm -</span>
							    </div>
							    <div class="clear"><img height="5px" alt="bút cao cấp" class="spacer" src="images/spacer.gif"></div>
								<div class="content-title">
							        <ulPaging:Paging ID="Paging" runat="server" />
							    </div>
							    <div class="product-list" data-bind="visible: listByGrid, foreach: itemsOnCurrentPage">
								    <div class="product-item">
									    <div class="bg_type_whatch">
										    <div class="pi-sales"><div data-bind="text:ChietKhau, attr: {'class': SaleClass}"></div></div>
										    <div class="pi-sales"><div data-bind="attr: {'class': GiftClass}"></div></div>
										    <div data-bind="attr: {'class': StockingClass}"></div>
										    <div align='center' data-bind="attr: {'class': NewClass}"></div>
										    <div class="pi-thumb">
											    <a data-bind="attr:{'href':Link}" class="img-thumb"><img data-bind="attr: {'src': ImagePath, 'alt':Name}" /></a>
										    </div>
										    <div class="textRight">
											    <div class="get_info_pro">
												    <h2><a data-bind="text:Name, attr: {'title':Name, href: 'javascript:void(0);'} "></a></h2>
												    <div class="product-price" data-bind="text:PriceDiscountFormat"></div>
												    <div class="clear"></div>
												    <div class="product-from" data-bind="text:VendorName"></div>
											    </div>
										    </div>
										    <div class="type_btn_sosanh">
										        <a data-bind="attr: {onclick: 'addToCompare(\'' + Id +     '\',1,\'' + Name + '\',\'Detail.aspx?type=getbyid&id=' + Id + '\',\'' + ImagePath + '\'' + ')' }"></a>
										    </div>
									    </div>
								    </div>
    							   
							    </div>
    							

							    <div class="clear"></div>

							    <div class="product-list" data-bind="visible: !listByGrid(), foreach: itemsOnCurrentPage">
								    <div class="product-item-list">
									    <h2 class="product-img">
										    <a data-bind="attr:{'href':Link}" class="img-thumb"><img data-bind="attr: {'src': ImagePath, 'alt':Name}" /></a>
									    </h2><!--end: .product-title-->
									    <div align='center' data-bind="attr: {'class': NewClass}"></div>
									    <div class="product-info">
										    <h2><a data-bind="text:Name, attr: {'title':Name, href: 'javascript:void(0);'}"></a></h2>
										    <div class="dpt-status">Thương hiệu:&nbsp;<span data-bind="text:VendorName"></span></div><!--end: .dpt-status-->
										    <div class="dpt-status">Loại:&nbsp;<span data-bind="text:TypeName"></span></div><!--end: .dpt-status-->
										    <div class="dpt-status">Xuất xứ:&nbsp;<span data-bind="text:MadeInName"></span></div><!--end: .dpt-status-->
										    <div class="clear"><img height="5px" class="spacer" src="images/spacer.gif"></div>

										    <!--end: .dpt-addcart-->
									    </div><!--end: .product-info-->
									    <div class="product-price">
										    <div id="price">
											    <div class="product-price" data-bind="text:PriceDiscountFormat"></div>
										    </div>
										    <div class="dpt-status">Trạng thái sản phẩm:<span data-bind="text:ProductStatus">Còn hàng</span></div><!--end: .dpt-status-->
										    <div class="clear"><img height="5px" class="spacer" src="images/spacer.gif"></div>
											    <div  data-bind="text:ChietKhau, attr: {'class': SaleClass}"></div>
											    <div  data-bind="attr: {'class': Gift2Class}"></div>
											    <div data-bind="attr: {'class': StockingClass}"></div>
											    <div style="float:right; margin-top:15px;" data-bind="visible:IsStocking"><a data-bind='click: $root.AddToCart' href="javascript:void(0);" class="dpt-addcart">Đặt mua</a></div>
										    <!--end: .pis-item-->			</div><!--end: .product-price-->
									    <div class="type_btn_sosanh">
									        <a data-bind="attr: {onclick: 'addToCompare(\'' + Id +     '\',1,\'' + Name + '\',\'Detail.aspx?type=getbyid&id=' + Id + '\',\'' + ImagePath + '\'' + ')' }"></a>
									    </div>
									    <div class="clear"></div>
								    </div>
							    </div>

							    <div class="clear"><img height="10px" alt="" class="spacer" src="images/spacer.gif" /></div>
							    <div class="content-title" style="margin-bottom:10px;">
								    <ulPaging:Paging ID="Paging1" runat="server" />
							    </div>
						    </div>
    						
						    <div style="display:none;" align="center" class="pad20"  data-bind="visible: !existProduct()">
							    <div class="clear"><img height="40px" class="spacer" src="images/spacer.gif"></div>
							    <h1 id="NoSearchWereFound"></h1>
    							
						    </div>
    						
					    </div>
    					
    					
    					
					    <div class="clear"><img height="10px" alt="butcaocap" class="spacer" src="images/spacer.gif"></div>
                    </div>
                    <ulFooter:Footer ID="Footer" runat="server" />
                    </form>
                </div>
            </div>
        </div>
    </div>
    <ulCompareProducts:CompareProducts ID="CompareProducts" runat="server" />
    <ulAdv:Adv ID="Adv" runat="server" />
    <script type="text/javascript">
        //$("div.product-list div.product-item:last-child").css("margin-right", "0px");
        //$("#header.header-tool #box-share ul:last-child").css("padding", "0 0");
    </script>
    <script type='text/javascript' src='js/viewmodel/online_listViewModel.js'></script>
</body>
</html>

